home *** CD-ROM | disk | FTP | other *** search
/ PC World 2007 March / PCWorld_2007-03_cd.bin / temacd / htmlwap / Html-Wap editor 2007 verze 3.04.exe / res / mathml.css < prev    next >
Cascading Style Sheet File  |  2006-01-22  |  13KB  |  439 lines
  1. /*
  2.  * The contents of this file are subject to the Mozilla Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/MPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla MathML Project.
  13.  *
  14.  * The Initial Developer of the Original Code is The University Of
  15.  * Queensland.  Portions created by The University Of Queensland are
  16.  * Copyright (C) 1999 The University Of Queensland.  All Rights Reserved.
  17.  *
  18.  * Contributor(s):
  19.  *   Roger B. Sidje <rbs@maths.uq.edu.au>
  20.  */
  21.  
  22.  
  23. /**************************************************************************/
  24. /* namespace for MathML elements                                          */
  25. /**************************************************************************/
  26.  
  27. @namespace url(http://www.w3.org/1998/Math/MathML);
  28.  
  29.  
  30. /**************************************************************************/
  31. /* <math> - outermost math element                                        */
  32. /**************************************************************************/
  33.  
  34. math {
  35.   direction: ltr;
  36.   unicode-bidi: embed;
  37.   display: inline;
  38.   font-size: inherit;
  39.   font-style: normal;
  40.   font-family: CMSY10, Symbol, Times, Lucida Sans Unicode, MT Extra, Math1, Math2, Math3, Math4, Math5, serif;
  41. }
  42. math[mode="display"], math[display="block"] {
  43.   display: block;
  44.   text-align: -moz-center;
  45. }
  46. math[display="inline"] {
  47.   display: inline;
  48. }
  49. ::-moz-math-inline {
  50.   display: inline;
  51. }
  52.  
  53. /**************************************************************************/
  54. /* style switching during frame construction 
  55.    these rules need to be here so that the other rules listed with
  56.    fontstyle, mathsize, etc, can override them
  57. /**************************************************************************/
  58.  
  59. /* change of style depending on the context of <mi> */
  60. [-moz-math-font-style="italic"] {
  61.   font-style: italic; /* if the textual content consists of a single character */
  62. }
  63. [-moz-math-font-style="normal"] {
  64.   font-style: normal; /* if the textual content consists of multiple characters */
  65. }
  66. /* change of size induced by changing the scriptlevel */
  67. [-moz-math-font-size="+1"] {
  68.   font-size: 71%;
  69. }
  70. [-moz-math-font-size="+2"] {
  71.   font-size: 50%;
  72. }
  73. [-moz-math-font-size="+3"] {
  74.   font-size: 36%;
  75. }
  76. [-moz-math-font-size="+4"] {
  77.   font-size: 25%;
  78. }
  79. [-moz-math-font-size="+5"] {
  80.   font-size: 18%;
  81. }
  82. [-moz-math-font-size="scriptminsize"] {
  83.   font-size: 8pt;
  84. }
  85. [-moz-math-font-size="-1"] {
  86.   font-size: 141%;
  87. }
  88. [-moz-math-font-size="-2"] {
  89.   font-size: 200%;
  90. }
  91. [-moz-math-font-size="-3"] {
  92.   font-size: 283%;
  93. }
  94. [-moz-math-font-size="-4"] {
  95.   font-size: 400%;
  96. }
  97. [-moz-math-font-size="-5"] {
  98.   font-size: 566%;
  99. }
  100.  
  101. /**************************************************************************/
  102. /* attributes common to all tags                                          */
  103. /**************************************************************************/
  104.  
  105. /* deprecated attributes from MathML 1.0 */
  106.  
  107. /* fontstyle */
  108. [fontstyle="normal"] {
  109.   font-style: normal;
  110. }
  111. [fontstyle="italic"] {
  112.   font-style: italic;
  113. }
  114. /* fontweight */
  115. [fontweight="normal"] {
  116.   font-weight: normal;
  117. }
  118. [fontweight="bold"] {
  119.   font-weight: bold;
  120. }
  121. /* fontsize */
  122. [fontsize="xx-small"] {
  123.   font-size: xx-small;
  124. }
  125. [fontsize="x-small"] {
  126.   font-size: x-small;
  127. }
  128. [fontsize="small"] {
  129.   font-size: small;
  130. }
  131. [fontsize="smaller"] {
  132.   font-size: smaller;
  133. }
  134. [fontsize="medium"] {
  135.   font-size: medium;
  136. }
  137. [fontsize="large"] {
  138.   font-size: large;
  139. }
  140. [fontsize="larger"] {
  141.   font-size: larger;
  142. }
  143. [fontsize="x-large"] {
  144.   font-size: x-large;
  145. }
  146. [fontsize="xx-large"] {
  147.   font-size: xx-large;
  148. }
  149.  
  150. /* attributes from MathML 2.0 */
  151.  
  152. /* These ones are handled in the back-end:
  153.    mathcolor (replaces 'color'):
  154.      #rgb | #rrggbb | html-color-name
  155.    mathbackground (replaces 'background'):
  156.      #rgb | #rrggbb | html-color-name
  157. */
  158. /* mathsize (replaces 'fontsize'):
  159.      small, big, number v-unit (a numeric value is handled in the back-end) */
  160. [mathsize="small"] {
  161.   font-size: small;
  162. }
  163. [mathsize="big"] {
  164.   font-size: large;
  165. }
  166. /* mathvariant (replaces 'fontstyle' & 'fontweight' & 'fontslant'; it
  167.    requires using the 'font' shorthand so as to reset everything first):
  168.      normal | bold | italic | bold-italic | double-struck | bold-fraktur | script |
  169.      bold-script | fraktur | sans-serif | bold-sans-serif | sans-serif-italic |
  170.      sans-serif-bold-italic | monospace
  171.  
  172.    Note1: These are handled with additional back-end code:
  173.           double-struck, script, fraktur, bold-fraktur, bold-script
  174.  
  175.    Note2: the 'font' shorthand must specify at least two properties, size & family
  176.    font: [ <font-style> || <font-variant> || <font-weight> ]? 
  177.          <font-size> [ / <line-height> ]?
  178.          <font-family>
  179.  
  180.    XXX bugs 46622 & 114365: need -moz-math-serif, etc, to only lookup math fonts
  181. */
  182. [mathvariant] { /* shared and same as [mathvariant="normal"] */
  183.   font: medium serif;
  184.   font-size: inherit;
  185.   font-size-adjust: inherit;
  186.   font-stretch: inherit;
  187. }
  188. [mathvariant="bold-fraktur"], 
  189. [mathvariant="bold-script"] {
  190.   font-weight: bold;
  191. }
  192. [mathvariant="bold"] {
  193.   font-weight: bold;
  194. }
  195. [mathvariant="italic"] { 
  196.   font-style: italic;
  197. }
  198. [mathvariant="bold-italic"] {
  199.   font-weight: bold;
  200.   font-style: italic;
  201. }
  202. [mathvariant="sans-serif"] {
  203.   font-family: sans-serif;
  204. }
  205. [mathvariant="bold-sans-serif"] {
  206.   font-weight: bold;
  207.   font-family: sans-serif;
  208. }
  209. [mathvariant="sans-serif-italic"] {
  210.   font-family: sans-serif;
  211.   font-style: italic;
  212. }
  213. [mathvariant="sans-serif-bold-italic"] {
  214.   font-family: sans-serif;
  215.   font-weight: bold;
  216.   font-style: italic;
  217. }
  218. [mathvariant="monospace"] {
  219.   font-family: monospace;
  220. }
  221.  
  222. /**************************************************************************/
  223. /* tags with generated content                                            */
  224. /**************************************************************************/
  225.  
  226. ms {
  227.   display: inline;
  228. }
  229. ms:before {
  230.   content: open-quote;
  231. }
  232. ms:after {
  233.   content: close-quote;
  234. }
  235.  
  236. merror {
  237.   display: block;
  238.   font-family: sans-serif;
  239.   font-weight: bold;
  240.   white-space: pre;
  241.   margin: 1em;
  242.   padding: 1em;
  243.   border-width: thin;
  244.   border-style: inset;
  245.   border-color: red;
  246.   font-size: 14pt;
  247.   background-color: lightyellow;
  248. }
  249.  
  250. /**************************************************************************/
  251. /* mtable and its related tags                                            */
  252. /**************************************************************************/
  253.  
  254. mtable {
  255.   display: table;
  256.   border-collapse: separate;
  257.   border-spacing: 0;
  258. }
  259. mtable[frame="none"] {
  260.   border: none;
  261. }
  262. mtable[frame="solid"] {
  263.   border: solid thin;
  264. }
  265. mtable[frame="dashed"] {
  266.   border: dashed thin;
  267. }
  268.  
  269. mtr {
  270.   display: table-row;
  271. }
  272.  
  273. mtd {
  274.   display: table-cell;
  275.   vertical-align: baseline;
  276.   text-align: -moz-center;
  277.   white-space: nowrap;
  278. }
  279.  
  280.  
  281. /***********************/
  282. /* -- mtd: columnalign */
  283.  
  284. mtd[columnalign="left"] {
  285.   text-align: left;
  286. }
  287. mtd[columnalign="right"] {
  288.   text-align: right;
  289. }
  290. mtd[columnalign="center"] {
  291.   text-align: -moz-center;
  292. }
  293.  
  294. /********************/
  295. /* -- mtd: rowalign */
  296.  
  297. mtd[rowalign="top"] {
  298.   vertical-align: top;
  299. }
  300. mtd[rowalign="bottom"] {
  301.   vertical-align: bottom;
  302. }
  303. mtd[rowalign="center"] {
  304.   vertical-align: middle;
  305. }
  306. mtd[rowalign="baseline"] {
  307.   vertical-align: baseline;
  308. }
  309. /* -- not yet supported --
  310. mtd[rowalign="axis"] {
  311.   vertical-align: mathline;
  312. }
  313. */
  314.  
  315. /**********************************************************************/
  316. /* rules to achieve the default spacing between cells. The back-end code
  317.    will set the internal attributes depending on the cell's position.
  318.    These rules are hard-coded, the comments indicate what would be
  319.    desirable if the style data could be changed on the fly to pick
  320.    the values that users may set with the attributes of <mtable> */
  321. mtd {
  322.   padding-right: 0.4em;  /* half of columnspacing[colindex] */
  323.   padding-left: 0.4em;   /* half of columnspacing[colindex-1] */
  324.   padding-bottom: 0.5ex; /* half of rowspacing[rowindex] */
  325.   padding-top: 0.5ex;    /* half of rowspacing[rowindex-1] */
  326. }
  327. /* turn off the spacing at the periphery of boundary cells */
  328. mtd[-moz-math-firstrow="true"] {
  329.   padding-top: 0ex;
  330. }
  331. mtd[-moz-math-lastrow="true"] {
  332.   padding-bottom: 0ex;
  333. }
  334. mtd[-moz-math-firstcolumn="true"] {
  335.   padding-left: 0em;
  336. }
  337. mtd[-moz-math-lastcolumn="true"] {
  338.   padding-right: 0em;
  339. }
  340. /* re-instate the spacing if the table has a surrounding frame */
  341. mtable[frame="solid"] > mtr > mtd[-moz-math-firstrow="true"],
  342. mtable[frame="dashed"] > mtr > mtd[-moz-math-firstrow="true"] {
  343.   padding-top: 0.5ex; /* framespacing.top */
  344. }
  345. mtable[frame="solid"] > mtr > mtd[-moz-math-lastrow="true"],
  346. mtable[frame="dashed"] > mtr > mtd[-moz-math-lastrow="true"] {
  347.   padding-bottom: 0.5ex; /* framespacing.bottom */
  348. }
  349. mtable[frame="solid"] > mtr > mtd[-moz-math-firstcolumn="true"],
  350. mtable[frame="dashed"] > mtr > mtd[-moz-math-firstcolumn="true"] {
  351.   padding-left: 0.4em; /* framespacing.left */
  352. }
  353. mtable[frame="solid"] > mtr > mtd[-moz-math-lastcolumn="true"],
  354. mtable[frame="dashed"] > mtr > mtd[-moz-math-lastcolumn="true"] {
  355.   padding-right: 0.4em; /* framespacing.right */
  356. }
  357.  
  358. /**********************************************************************/
  359. /* internal settings to support 'rowlines' and 'columnlines'. To
  360.    achieve the recommended behavior, the back-end code will avoid setting
  361.    unsuitable rules on the cells on the first row and the first column.
  362.    In general, however, authors can use the 'border' property of CSS to
  363.    achieve varying effects down to the level of the table cell. */
  364. mtd[-moz-math-rowline="none"] {
  365.   border-top: none;
  366. }
  367. mtd[-moz-math-rowline="solid"] {
  368.   border-top: solid thin;
  369. }
  370. mtd[-moz-math-rowline="dashed"] {
  371.   border-top: dashed thin;
  372. }
  373. mtd[-moz-math-columnline="none"] {
  374.   border-left: none;
  375. }
  376. mtd[-moz-math-columnline="solid"] {
  377.   border-left: solid thin;
  378. }
  379. mtd[-moz-math-columnline="dashed"] {
  380.   border-left: dashed thin;
  381. }
  382.  
  383.  
  384. /**************************************************************************/
  385. /* Style used for stretchy symbols *must* be normal to avoid misaligments */
  386. /* By leaving the font-family empty, the MathML engine will use the value
  387.    provided by the mathfont-family property in the mathfont.properties file
  388.    or the value of the user's pref("font.mathfont-family", "...").
  389.  
  390.    Authors can make elements on a document to be stretched with different
  391.    fonts, e.g.,
  392.  
  393.    To request the use of TeX fonts, you can add a <style>...</style> with:
  394.    <mo myfonts="tex">...</mo> with the associated CSS declaration
  395.    mo[myfonts="tex"]::-moz-math-stretchy {
  396.      font-family: CMSY10, CMEX10;
  397.    }
  398.  
  399.    To request the use of Mathematica fonts, you can add a <style>...</style> with:
  400.    <mo myfonts="mathematica">...</mo> with the associated CSS declaration
  401.    mo[myfonts="mathematica"]::-moz-math-stretchy {
  402.      font-family: Math1, Math2, Math4;
  403.    }
  404.  
  405.    Of course, if you just want all of the stretchy characters in your
  406.    document to be stretched with your preferred list, you can just do:
  407.    ::-moz-math-stretchy {
  408.      font-family: [your-particular-list]
  409.    }
  410.  
  411.    Note that like other fonts in the document, users can override this by
  412.    clicking the pref to override document fonts.
  413. /**************************************************************************/
  414.  
  415. ::-moz-math-stretchy {
  416.   font-style: normal;
  417.   font-family: serif;
  418. /*  background-color: #3C6; */
  419. }
  420. ::-moz-math-anonymous {
  421. }
  422.  
  423. /**********************************************************************/
  424. /* Hide embedded semantic MathML content (as opposed to presentational
  425.    content, which we render). Ideally, here is the behavior that we want:
  426.  
  427.    if there is an annotation-xml[encoding="MathML-Presentation"]
  428.      render that annotation, and ignore the first child of the
  429.      <semantics> element and all other annotations, 
  430.    else
  431.      render the first child of <semantics> and ignore all annotations
  432.  
  433.    But this cannot be expressed with CSS. As a stop-gap, just render
  434.    the first child to cater for most of the common cases - bug 154931.
  435. */
  436. semantics > :not(:first-child) {
  437.   display: none;
  438. }
  439.